addEvent(window,'load',inicializarEventos,false);
/*Declaracion de variables globales*/
var conexionAjax;

function inicializarEventos()//Se agregarn los eventos a los campos dinamicos
{
  $('#divNumNoches').hide();
  $('#divDetallesAloj').hide();
  $('#chkApartamento').hide();
  $('#chkFamilia').hide();
  var select1=document.getElementById('seleccionCurso');
  addEvent(select1,'change',mostrarSemanas,false);
  var ciudad=document.getElementById('sedeCurso');
  addEvent(ciudad,'change',mostrarCursos,false);  
  var alojamiento=document.getElementById('alojamiento');
  addEvent(alojamiento,'change',ocultarNoches,false);
  
  var btninicio=document.getElementById('f_btn2');
  var btnfin=document.getElementById('f_btn3');
  btninicio.disabled=true;
  btnfin.disabled=true;
}

/*Funcion que abre la peticion para mostrar campo numero de noches*/
function ocultarNoches(e){
  var alojamiento=document.getElementById('alojamiento').value;
  if(alojamiento!=0){
 //  document.getElementById('inputNumNoches').className ="required cuadrosFecha";
	 var btninicio=document.getElementById('f_btn2');
	  var btnfin=document.getElementById('f_btn3');
	  btninicio.disabled=false;
	  btnfin.disabled=false;
   $('#divNumNoches').slideDown("slow");
   $('#divDetallesAloj').slideDown("slow");
     if(alojamiento==2){
		$('#chkApartamento').slideDown("slow");	
		$('#chkFamilia').hide();	
	 }
	 else if(alojamiento==3){
		$('#chkFamilia').slideDown("slow");	
		$('#chkApartamento').hide();
	 }
	 else{
		$('#chkApartamento').slideDown("slow");
		$('#chkFamilia').hide();	
	 }
  }else{
 // document.getElementById('inputNumNoches').className ="cuadrosFecha";
   $('#divNumNoches').slideUp("slow");
   $('#divDetallesAloj').slideUp("slow");
   var inicio=document.getElementById('f_date2');
   var fin=document.getElementById('f_date3');
   inicio.value="";
   fin.value="";
   var btninicio=document.getElementById('f_btn2');
	  var btnfin=document.getElementById('f_btn3');
	  btninicio.disabled=true;
	  btnfin.disabled=true;
  }
}

/*Funcion que abre la peticion ajax para cargar numero de semanas*/
function mostrarSemanas(e) {
  var curso=document.getElementById('seleccionCurso').value;
  if (curso!=0)  {
        conexionAjax=crearXMLHttpRequest();
        conexionAjax.onreadystatechange = procesarEventoSemanas;
        conexionAjax.open('GET','querys.php?seleccionCurso='+curso, true);
        conexionAjax.send(null);
  }
  else  {
        var select2=document.getElementById('selectNumeroSemanas');
        select2.options.length=0;
  }
}
/*Procesa los aventos para cargar el numero de semanas disponible para los cursos*/
function procesarEventoSemanas(){
  if(conexionAjax.readyState == 4)  {
        var d=document.getElementById('esperaSem');
        d.innerHTML = '';
        var xml = conexionAjax.responseXML;
        var pals=xml.getElementsByTagName('semana');
        var select2=document.getElementById('selectNumeroSemanas');
        select2.options.length=0;
        for(f=0;f<pals.length;f++)  {
          var op=document.createElement('option');
          var texto=document.createTextNode(pals[f].firstChild.nodeValue);
          op.appendChild(texto);
          select2.appendChild(op);
        } 
  } 
  else   {
        var d=document.getElementById('esperaSem');
        d.innerHTML = '<img src="img/cargando.gif">';  }
}
/*Funcion que abre la peticion ajax para mostrar los cursos disponibles*/
function mostrarCursos(e) {
  var sedeCurso = document.getElementById('sedeCurso').value;
  if (sedeCurso!=0)  {
        conexionAjax=crearXMLHttpRequest();
        conexionAjax.onreadystatechange = procesarEventosCursos;
        conexionAjax.open('GET','querys.php?sedeCurso='+sedeCurso, true);
        conexionAjax.send(null);
  }
  else  {
        var cursosDisponibles=document.getElementById('seleccionCurso');
        cursosDisponibles.options.length=0;
  }
}
/*Procesa los eventos para mostrar los cursos disponibles*/
function procesarEventosCursos(){
  if(conexionAjax.readyState == 4)  {
        var d=document.getElementById('espera');
        d.innerHTML = '';
        var xml = conexionAjax.responseXML;
        var pals=xml.getElementsByTagName('curso');
		var val=xml.getElementsByTagName('value');
	
        var cursos=document.getElementById('seleccionCurso');
        cursos.options.length=0;
        for(f=0;f<pals.length;f++)  {
          var op=document.createElement('option');
          var texto=document.createTextNode(pals[f].firstChild.nodeValue);
          op.appendChild(texto);
		  cursos.appendChild(op);		 
 		  var opValue=document.createElement('option');
          var textoValue=document.createTextNode(val[f].firstChild.nodeValue);
          opValue.appendChild(textoValue);
		  cursos.options[f].value=opValue.value;        		
		}
  } 
  else  {
        var d=document.getElementById('espera');
        d.innerHTML = '<img src="img/cargando.gif">';  }
    
   
}
//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura){
  if (elemento.attachEvent)  {
        elemento.attachEvent('on'+nomevento,funcion);
        return true;
  }
  else  
        if (elemento.addEventListener) {
          elemento.addEventListener(nomevento,funcion,captura);
          return true;
        }
        else
          return false;
}
function crearXMLHttpRequest() {
  var xmlHttp=null;
  if (window.ActiveXObject) 
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
        if (window.XMLHttpRequest) 
          xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}
/*Funcion que valida que l campos del formulario no vallan vacios*/
function validaFormulario(){
  var obj = $(".required");
  var validador=0;
  for(var i=0; i<obj.length; i++){
	if(obj[i].value==""){
	validador++;
	obj[i].style.borderColor="rgb(255, 112, 0)";
	}
  }  
  if (validador>0){
	return false;
  }
  return true;
}
/*Funcion que valida la escritura en los campos*/
function validarCampo(obj){
	if(obj.value!=""){
		obj.style.borderColor="#bbb";		
	}
}
